<script setup>
defineProps({
  full: {
    type: Boolean,
    default: false,
  },
  mainStyle: {
    type: Object,
    default: () => ({}),
  },
})
</script>

<template>
  <main class="cus-scroll h-full flex-col flex-1 bg-#f2f3f5 dark:bg-#121212">
    <main :class="{ 'flex-1': full }" class="m-12" :style="mainStyle">
      <slot />
    </main>
    <el-backtop target=".cus-scroll" class="z-9999">
      <i class="i-fe:arrow-up" />
    </el-backtop>
  </main>
</template>
